<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    爱好 <input type="checkbox" name='hobby' value="eat">吃 <input type="checkbox" name='hobby' value="druink">喝

    <hr>

    性别 <input type="radio" name="gender" value="1">男 <input type="radio" name="gender" value="0">女
    
    <hr>

    省: <select name="province" >
        <option value="shanxisheng">山西省</option>
        <option value="shandongsheng">山东省</option>
        <option value="dongbeisheng">东北省</option>
    </select>
<ul >
        <li>袜子</li>
        <li>钱包</li>
    </ul>

    <input type="text">
    <button type="button">添加</button> <button type="button">清空</button>
<script>
    $(function){
    $("button:first").on("click",function(){
      let a= $("input").val();
    let li=  $("<li>呵呵</li>")
    $("ul").append(li);
    })
    
    $("button:last").on('click',function(){
        $("ul").empty();
    })
    }
</script>
</body>
</html>